<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>盒子模型练习</title>
		<style>
			
			
			img{
				width: 500px;
				height: 400px;
		/*------------ 清除两张图片 上下之间的间隙---vertical-align: middle;-------- */
				vertical-align: middle;   
			}
			.img5{
				margin-left:10px ;
				border-left:10px solid blue;
				padding-left: 10px;
			}
			
			
		</style>
		
	</head>
	<body>
		<img src="./img/img/1.jpg"><img src="./img/img/2.jpg"><img src="./img/img/3.jpg"><img src="./img/img/4.jpg" ><img src="./img/img/5.jpg" class="img5"><img src="./img/img/6.jpg" ><img src="./img/img/7.jpg" ><img src="./img/img/8.jpg" ><img src="./img/img/9.jpg" >
		
		
	</body>
</html>